import React from 'react';
import styled from 'styled-components';

import useTitle from '../../hooks/useTitle';

const NotFoundWrapper = styled.div`
  height: calc(100vh - 72px - 240px);
  color: #5342a6;
  font-size: 200px;
  font-family: FZLanTYJW_Te;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
`;

function NotFound() {
  useTitle(NotFound.title);

  return <NotFoundWrapper >404</NotFoundWrapper>;
}

NotFound.path = '*';
NotFound.title = '404';
NotFound.meta = {
  keywords: 'null',
  description: 'null'
};
NotFound.exact = false;

export default NotFound;
